<svg xmlns="http://www.w3.org/2000/svg" width="109" height="18" role="img" aria-label="read the: docs">
<title>read the: docs</title>
<linearGradient id="s" x2="0" y2="100%">
  <stop offset="0" stop-color="#fff" stop-opacity=".7"/>
  <stop offset=".1" stop-color="#aaa" stop-opacity=".1"/>
  <stop offset=".9" stop-color="#000" stop-opacity=".3"/>
  <stop offset="1" stop-color="#000" stop-opacity=".5"/>
</linearGradient>
<clipPath id="r"><rect width="109" height="18" rx="4" fill="#fff"/></clipPath>
<g clip-path="url(#r)">
  <rect width="74" height="18" fill="#555"/>
  <rect x="74" width="35" height="18" fill="#2196f3"/>
  <rect width="109" height="18" fill="url(#s)"/>
</g>
<g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" font-size="110">
  <svg x="5" y="2" width="14" height="14" viewBox="0 0 16 16">
    <path fill="#2196f3" d="
        m 0,1.8 c 0-.4.3-.9.8-.9,2.7,0,5.2-.6,7.2,1.4,2-2,4.2-1.4,7.2-1.4.5,0,.8.4.8.9 v 10.4
        c 0,.5 -.3,.8 -.8,.8 -2.4,0 -4.8-.6 -6.7,1.3 -.3,.3 -.7,.3 -1,0
          -1.7,-1.7 -4.5,-1.3 -6.7,-1.3 -.5,0 -.8,-.3 -.8,-.8
        z
        m 7.2,10.2 v -7.2 c 0-3-3.6-2.3-5.7-2.3 v 9 c 2,0,4-.3,5.7.5 z
        m 1.6-7.2 v 7.2 c 1.7-.8,3.8-.5,5.7-.5 v -9 c -2.3,0-5.7-.7-5.7,2.3 z
    "/>
  </svg>
  <text aria-hidden="true" x="465" y="140" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="470">read the</text>
  <text aria-hidden="true" x="905" y="140" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="250">docs</text>
  <text x="465" y="130" transform="scale(.1)" fill="#fff" textLength="470">read the</text>
  <text x="905" y="130" transform="scale(.1)" fill="#fff" textLength="250">docs</text>
</g>
</svg>
